<div class="login_layout">
    <ul class="nav nav-tabs nav-justified" role="tablist">
        <li role="presentation" class="active"><a href="#tab_login" role="tab" data-toggle="tab">登录</a></li>
        <li role="presentation"><a href="#tab_weixin" role="tab" data-toggle="tab" id="tab_weixin_btn"><img src="/static/images/icon32_wx_logo.png" height="16" width="16" title="使用微信扫一扫登录（需要注册并绑定微信后）"> 微信登录</a></li>
        <li role="presentation"><a href="#tab_stu_register" role="tab" data-toggle="tab">学生注册</a></li>
        {% if web_config.web_register %}
        <li role="presentation"><a href="#tab_register" role="tab" data-toggle="tab">注册</a></li>
        {% endif %}
    </ul>
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="tab_login">
            <form action="{% url 'account_api_check_login' %}" method="post" id="login_form">
                <div class="input_group">
                    <input type="text" name="user" id="login_user" tabindex="1" placeholder="用户名/学号/教师工号">
                    <input type="password" name="password" tabindex="2" placeholder="用户密码">
                </div>
                <input type="hidden" name="referer" value="{{ referer }}">
                <button type="submit" class="btn btn-success btn-block btn-lg" tabindex="3" title="游客账号是：guest；密码是：wejudge">登录</button>
                <br />
                <div>
                    <label for="#rememberme"><input type="checkbox" id="#rememberme" name="rememberme" value="1"> 记住登录</label>
                    <a href="javascript:void(0)" id="forget_pwd" style="float: right; color: #000">忘记密码</a>
                </div>
            </form>
        </div>
        <div role="tabpanel" class="tab-pane" id="tab_stu_register">
             <form action="{% url 'account_save_register_student' %}" method="post" id="reg_stu_form">
                <div class="input_group">
                    <input type="text" name="user" tabindex="1" placeholder="学号">
                    <input type="password" name="password" tabindex="2" placeholder="教务密码">
                </div>
                <button id="reg-stu-btn" type="submit" class="btn btn-success btn-block btn-lg" tabindex="3">验证并注册</button>
            </form><br />
            <div><span class="glyphicon glyphicon-warning-sign"></span>&nbsp;教务系统验证输错密码需要等5分钟，请认真输入！<br /><span class="glyphicon glyphicon-warning-sign"></span>&nbsp;出现验证异常请稍等再使用或者联系管理员添加账号。</div>
        </div>
        {% if web_config.web_register %}
        <div role="tabpanel" class="tab-pane" id="tab_register">
            <form id="register_form"  method="post" action="{% url 'account_save_register' %}">
                <div class="input_group">
                    <input  type="text" name="username" tabindex="1" placeholder="请输入用户名">
                    <input type="password" name="password" tabindex="2" placeholder="请输入用户密码">
                    <input type="password" name="repassword" tabindex="3" placeholder="请再次输入用户密码">
                    <input type="text" name="nickname" tabindex="4" placeholder="请取一个好听的昵称" maxlength="12">
                    <input type="text" name="email" tabindex="5" placeholder="请输入你的邮箱">
                </div>
                <button id="reg-submit-btn" type="submit" class="btn btn-success btn-block btn-lg" tabindex="6">注册</button>
                <br />
                <div><span class="glyphicon glyphicon-warning-sign"></span>&nbsp;通过此页面注册并不能成为学生账号！</div>
            </form>
        </div>
        {% endif %}
        <div role="tabpanel" class="tab-pane" id="tab_weixin">
            <div style="margin: 0 auto; width: 300px;">
                <div id="wx_login_container"></div>
            </div>
        </div>
    </div>
</div>